/*
 * Base Begin
 */
/* --------------------------Functions ----------------------*/
br.left{ clear:left;}
br.right{ clear:left;}
br.all,.clear,.spacer{ clear:both; }

.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom:1;}

.alignLeft{ text-align: left; }
.alignRight{ text-align: right; }
.center{ text-align: center; }
.top{ vertical-align: top; }
.middle{ vertical-align: middle; }
.bottom{ vertical-align: bottom; }

.fl,.pull-left{ float: left; }
.fr,.pull-right{ float: right; }
.nf{ float: none; }

.ltr { }
.rtl { }

.inline { display:inline; }
.hide{ display:none; }
.show{ display:block; }
.invisible { visibility: hidden; }

.empty{ }

.section{ position:relative; }

.skip{ text-indent:-9999em; /* only use for listen */}

/*---------------------------- Effect--------------------------*/

/* opacity */
.opacity-40{ opacity: 0.4; filter:alpha(opacity=40); /* KLUGE for IE8 and earlier */ }
.opacity-60{ opacity: 0.6; filter:alpha(opacity=60); }


.mgt5{ margin-top:5px; }
.mgt10{ margin-top:10px; }
.mgt20{ margin-top:20px; }
.mgb5{ margin-bottom:5px; }
.mgb10{ margin-bottom:10px; }
.mgb20{ margin-bottom:20px; }
/*
 * Base END
 */